<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>*订餐-店铺表</title>
    <meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发"/>
    <meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!"/>
    <meta name="author" content="DeathGhost"/>
    <link th:href="@{/style/style.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/style/bootstrap.btn.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/public.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/js/jqpublic.js}"></script>
</head>
<body>
<!--引用头部导航栏代码块-->
<div th:replace="~{commons/common::top}"></div>

<!--Start content-->
<section class="Psection">
    <section class="fslist_navtree">
        <ul class="select">
            <li class="select-list">
                <dl id="select1">
                    <dt>分类：</dt>
                    <dd th:if="${class0 eq '0'}" class="select-all selected"><a
                            th:href="@{'shopList?class0=0&class1='+${class1}}">全部</a></dd>
                    <dd th:if="${class0 ne '0'}"><a th:href="@{'shopList?class0=0&class1='+${class1}}">全部</a></dd>
                    <dd th:if="${class0 eq '1'}" class="select-all selected"><a
                            th:href="@{'shopList?class0=1&class1='+${class1}}">荤菜</a></dd>
                    <dd th:if="${class0 ne '1'}"><a th:href="@{'shopList?class0=1&class1='+${class1}}">荤菜</a></dd>
                    <dd th:if="${class0 eq '2'}" class="select-all selected"><a
                            th:href="@{'shopList?class0=2&class1='+${class1}}">素菜</a></dd>
                    <dd th:if="${class0 ne '2'}"><a th:href="@{'shopList?class0=2&class1='+${class1}}">素菜</a></dd>
                    <dd th:if="${class0 eq '3'}" class="select-all selected"><a
                            th:href="@{'shopList?class0=3&class1='+${class1}}">主食</a></dd>
                    <dd th:if="${class0 ne '3'}"><a th:href="@{'shopList?class0=3&class1='+${class1}}">主食</a></dd>
                    <dd th:if="${class0 eq '4'}" class="select-all selected"><a
                            th:href="@{'shopList?class0=4&class1='+${class1}}">饮品</a></dd>
                    <dd th:if="${class0 ne '4'}"><a th:href="@{'shopList?class0=4&class1='+${class1}}">饮品</a></dd>
                </dl>
            </li>
            <li class="select-list">
                <dl id="select4">
                    <dt>价位区间：</dt>
                    <dd th:if="${class1 eq '0'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=0'}">全部</a></dd>
                    <dd th:if="${class1 ne '0'}"><a th:href="@{'shopList?class0='+${class0}+'&class1=0'}">全部</a></dd>
                    <dd th:if="${class1 eq '20'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=20'}">20元以下</a></dd>
                    <dd th:if="${class1 ne '20'}"><a th:href="@{'shopList?class0='+${class0}+'&class1=20'}">20元以下</a>
                    </dd>
                    <dd th:if="${class1 eq '40'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=40'}">20-40元</a></dd>
                    <dd th:if="${class1 ne '40'}"><a th:href="@{'shopList?class0='+${class0}+'&class1=40'}">20-40元</a>
                    </dd>
                    <dd th:if="${class1 eq '60'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=60'}">40-60元</a></dd>
                    <dd th:if="${class1 ne '60'}"><a th:href="@{'shopList?class0='+${class0}+'&class1=60'}">40-60元</a>
                    </dd>
                    <dd th:if="${class1 eq '80'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=80'}">60-80元</a></dd>
                    <dd th:if="${class1 ne '80'}"><a th:href="@{'shopList?class0='+${class0}+'&class1=80'}">60-80元</a>
                    </dd>
                    <dd th:if="${class1 eq '100'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=100'}">80-100元</a></dd>
                    <dd th:if="${class1 ne '100'}"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=100'}">80-100元</a></dd>
                    <dd th:if="${class1 eq '120'}" class="select-all selected"><a
                            th:href="@{'shopList?class0='+${class0}+'&class1=120'}">100元以上</a></dd>
                    <dd th:if="${class1 ne '120'}"><a th:href="@{'shopList?class0='+${class0}+'&class1=120'}">100元以上</a>
                    </dd>
                </dl>
            </li>
        </ul>
        <input type="hidden" class="form-control" name="class0" id="class0" th:value="${class0}">
        <input type="hidden" class="form-control" name="class1" id="class1" th:value="${class1}">
    </section>
    <section class="Fsl">
        <ul>
            <li th:each="meal:${pageInfo.getList()}">
                <a th:href="@{'/shop?meal_id='+${meal.meal_id}}" title="调用产品名/店铺名">
                    <img th:src="${meal.meal_image}"></a>
                <hgroup>
                    <h3>有间餐厅</h3>
                    <h4></h4>
                </hgroup>
                <p>菜名：[[${meal.meal_name}]]</p>
                <p>描述：[[${meal.meal_description}]]</p>
                <p>价格：
                    <del style="color: #949494">[[${meal.meal_price}]]</del>&nbsp;&nbsp;&nbsp;&nbsp;[[${meal.meal_price_now}]]
                </p>
                <p>
                    <span class="Score-l">
                    <img src="images/star-on.png">
                    <img src="images/star-on.png">
                    <img src="images/star-on.png">
                    <img src="images/star-on.png">
                    <img src="images/star-off.png">
                    <span class="Score-v">4.8</span>
                    </span>
                    <span class="DSBUTTON"><a th:onclick="'mealCart('+${meal.meal_id}+')'" style="cursor:pointer" class="Fontfff">添加</a></span>
                </p>
            </li>
        </ul>
        <aside>
            <div class="title">人气超高</div>
            <div class="C-list" th:each="meal:${mealList}">
                <a th:href="@{'/shop?meal_id='+${meal.meal_id}}" title="店铺名称"><img th:src="${meal.meal_image}" height="200" width="284"></a>
                <p><a href="shop_list.html">[[${meal.meal_name}]]</a></p>
                <p>
                    <span>价格：<del style="color: #949494">[[${meal.meal_price}]]</del>&nbsp;&nbsp;&nbsp;&nbsp;[[${meal.meal_price_now}]]</span>
                    <span style=" float:right">
                    <img src="images/star-on.png">
                    <img src="images/star-on.png">
                    <img src="images/star-on.png">
                    <img src="images/star-on.png">
                    <img src="images/star-off.png">
                    <span class="ALscore">4.8</span>
                   </span>
                </p>
            </div>
        </aside>
        <div class="TurnPage">
            <a th:href="@{'shopList?class0='+${class0}+'&class1='+${class1}+'&pageNum='+${pageInfo.navigateFirstPage}+'&select_name='+${select_name}}">
                <span class="Prev"><i></i>首页</span>
            </a>
            <a th:if="${pageInfo.pageNum != 1}" th:href="@{'shopList?class0='+${class0}+'&class1='+${class1}+'&pageNum='+${pageInfo.prePage}+'&select_name='+${select_name}}">
                <span class="Prev">上一页<i></i></span>
            </a>
            <a th:if="${pageInfo.pageNum == 1}">
                <span class="Prev">上一页<i></i></span>
            </a>
            <a th:if="${pageInfo.pageNum != pageInfo.pages}" th:href="@{'shopList?class0='+${class0}+'&class1='+${class1}+'&pageNum='+${pageInfo.nextPage}+'&select_name='+${select_name}}">
                <span class="Next">下一页<i></i></span>
            </a>
            <a th:if="${pageInfo.pageNum == pageInfo.pages}">
                <span class="Next">下一页<i></i></span>
            </a>
            <a th:href="@{'shopList?class0='+${class0}+'&class1='+${class1}+'&pageNum='+${pageInfo.navigateLastPage}+'&select_name='+${select_name}}">
                <span class="Next">最后一页<i></i></span>
            </a>
            <span>
                当前第[[${pageInfo.pageNum}]]页&nbsp;&nbsp;&nbsp;共[[${pageInfo.pages}]]页
            </span>
        </div>
    </section>
</section>
<!--End content-->

<!--引用底部栏代码块-->
<div th:replace="~{commons/common::last}"></div>
</body>
</html>
